<%--
  Created by IntelliJ IDEA.
  User: mrcode
  Date: 2016/1/2
  Time: 18:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    .fade {
        opacity: 0;
        position: relative;
        top: -10px;
        -webkit-transition: opacity 600ms, top 600ms;
        transition: opacity 600ms, top 600ms;
    }
    /* line 73, style.scss */
    .fade-load {
        opacity: 1;
        top: 0;
    }
</style>
<script type="text/javascript" src="/assets/lib/placeholdem.js"></script>
<script>
    Placeholdem( document.querySelectorAll( '[placeholder]' ) ); //输入框提示打字机效果
    /****** 让人觉得很舒服的逐渐加载效果 start ***/
    var fadeElems = $('.fade'),
            fadeElemsLength = fadeElems.length,
            i = 0,
            interval = 50;

    function incFade() {
        if( i < fadeElemsLength ) {
            fadeElems[ i ].className += ' fade-load';
            i++;
            setTimeout( incFade, interval );
        }
    }
    setTimeout( incFade, interval );
    /****** 让人觉得很舒服的逐渐加载效果 end ***/
</script>
